<html><head>
    <title>星际剧场</title>
    <meta charset="utf-8">
    <script src="../js/jquery-2.1.4.min.js"></script>
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/global.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
</head>
<body>
<div class="top"><div class="top">
    <div class="zhong clearfix">
        <label style="margin-left: 150px;" class="label_age">年龄</label>
        <div class="time" style="margin: 0 10px 0 10px;">
            <input type="text" class="cus_age">
        </div>
        <a href="#" class="xinxi customized_btn">定制信息</a>
        <p class="zc login_info" style="display: inline-block; float: right;"><a href="#" id="login" class="login_btn">登录</a><a href="#" id="regist" class="reg_btn">注册</a></p>
        <div class="user inlineblock clearfix relative login_ok" style="display:none;margin-left:20px;float:right">
            <span class="user_img inlineblock floatleft"><img src="http://img.duodaohulian.com/img/content/user1.png"></span>
            <span class="user_name floatleft marl10">Hi,193847658</span>
            <ul class="user_drop">
                <li><a href="javascript:void(0)" onclick="personalCenterClick()">个人中心</a></li>
                <li><a href="javascript:void(0)" onclick="myHomeClick()">我的家</a></li>
                <li><a href="#" class="logout">退出账号</a></li>
            </ul>
        </div>
    </div>
</div>


<!--注册信息begin-->
<div id="pop_reg" class="pop pop_reg" style="display:none ;">
</div>
<!--登录弹出begin-->
<div id="loginPop" class="pop pop_login" style="display:none;">
</div>
<!--登录弹出over-->
<!--登录成功弹出begin-->
<div class="pop " style="display:none;">
    <div class="reg_box">
        <p class="aligncenter chfont font30 login_success">登录成功</p>
    </div>
</div>
<!--登录成功弹出over-->
<!--找回密码begin-->
<div id="findPwdPop" class="pop " style="display:none;">
    <!--<p><a href="#" class="btn btn_back chfont">返回</a></p>-->
    <!--<div class="reg_box mart40" style="display: ;">-->
        <!--<table width="100%">-->
            <!--<tr>-->
                <!--<th>手机号</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="phoneNumber" type="text" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label">请输入正确的手机号</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>验证码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="validateCode" type="text" placeholder="">-->
                        <!--<a href="javascript:;" class="code">获取验证码</a>-->
                        <!--<span class="code code_wait" style="display:none;"><em>50</em>秒</span>-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">验证码不正确</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>新密码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="pwd" type="password" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">密码不正确</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>确认密码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input  id="rePwd" type="password" type="text" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">密码不匹配</label>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
        <!--<p class="alignright mart10 login_reg">-->
            <!--<a href="#" class="btn btn_reg">确 定</a>-->
        <!--</p>-->
    <!--</div>-->
</div>
<!--注册页面的白色半透明遮罩begin-->
<div class="mask mask_b" style="display: none;"></div>
<!--<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>-->
<script type="text/javascript" src="../js/underscore-min.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/url.js"></script>
<script type="text/javascript" src="../js/common/httpService.js"></script>
<!--<script type="text/javascript" src="../js/regist/regist.js"></script>-->
<!--<script type="text/javascript" src="../js/regist/findPwd.js"></script>-->
<script type="text/javascript" src="../js/module/login.js"></script>
<script type="text/javascript">
    $(".customized_btn").off("click").on("click",function(){
        var age = $(".cus_age").val();
        if(age!="" && age!=undefined) {
            window.location.href = "customized.html?age=" + age;
        }else{
            window.location.href = "customized.html";
        }
    });
    if(common.getCookie("loginName")){
        $(".login_info").css("display","none");
        $(".login_ok").css("display","inline-block");
        var loginName = common.getCookie("loginName");
        $(".login_ok .user_name").html("Hi,"+loginName);
    }else{
        $(".login_ok").css("display","none");
        $(".login_info").css("display","inline-block");
    }


</script>
<!--找回密码over--></div>
<div class="menu">
    <div class="menu-1">
        <img src="http://img.duodaohulian.com/img/content/logo.png" class="logo">
        <div class="dh">
            <div class="list chfont">
                <ul>
                    <li><a href="./index.html" categoryid="1">首页</a></li>
                    <li><a href="./focus.html" categoryid="2">多道焦点</a></li>
                    <li class="current"><a href="javascript:void(0)" categoryid="3">星际剧场</a></li>
                    <li><a href="./forum.html" categoryid="4">多道论坛</a></li>
                    <li><a href="./activity.html" categoryid="5">星际活动</a></li>
                    <li><a href="./game.html" categoryid="6">多道游戏</a></li>
                </ul>
            </div>
            <div class="main">
                <div class="chfont safeTypeMenu">
                    <a href="javascript:void(0)" class="safe1" onclick="queryVideo(this,{'safeType':1},'safe1')">生存安全</a>
                    <a href="javascript:void(0)" class="safe2" onclick="queryVideo(this,{'safeType':2},'safe2')">营养安全</a>
                    <a href="javascript:void(0)" class="safe3" onclick="queryVideo(this,{'safeType':3},'safe3')">运动安全</a>
                    <a href="javascript:void(0)" class="safe4" onclick="queryVideo(this,{'safeType':4},'safe4')">亲子安全</a>
                    <a href="javascript:void(0)" class="safe5" onclick="queryVideo(this,{'safeType':5},'safe5')">社交安全</a>
                    <a href="javascript:void(0)" class="safe6" onclick="queryVideo(this,{'safeType':6},'safe6')">网络安全</a>
                    <a href="javascript:void(0)" class="safe7" onclick="queryVideo(this,{'safeType':7},'safe7')">海外安全</a>
                </div>
            </div>
            <div class="niu">
                <img src="http://img.duodaohulian.com/img/content/mow.png" class="wn">
                <img src="http://img.duodaohulian.com/img/content/tree.png" class="tree">
                <img src="http://img.duodaohulian.com/img/content/tree1.png" class="tree1">
            </div>
        </div>
    </div>
</div>
<div class="count_inner">
    <div class="cloud_1"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_2"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="cloud_3"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_4"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="shan"><img src="http://img.duodaohulian.com/img/content/shan.png"></div>
    <div class="shan1"><img src="http://img.duodaohulian.com/img/content/diqiu.png"></div>
    <div class="you"><img src="http://img.duodaohulian.com/img/content/youce.png"></div>
    <div class="first">
        <div class="zt">
            <div class="title_img mart20 alignright clearfix">
                <span class="font24 floatleft chfont"><img src="http://img.duodaohulian.com/img/content/v-l.png">视频</span>
                <span class="inlineblock"><img src="http://img.duodaohulian.com/img/content/v_r.png"></span>
            </div>
            <!--筛选begin-->
            <div class="check_box">
                <div class="special_top"><p><img src="http://img.duodaohulian.com/img/content/special_top.png"></p></div>
                <div class="check_in">
                    <table width="100%">
                        <tbody><tr>
                            <th>安全门类</th>
                            <td class="safeTypeFilter">
                                <a href="javascript:void(0)" class="current safe0" onclick="queryVideo(this,{'safeType':0},'safe0')">全部</a>
                                <a href="javascript:void(0)" class="safe1" onclick="queryVideo(this,{'safeType':1},'safe1')">生存安全</a>
                                <a href="javascript:void(0)" class="safe2" onclick="queryVideo(this,{'safeType':2},'safe2')">营养安全</a>
                                <a href="javascript:void(0)" class="safe3" onclick="queryVideo(this,{'safeType':3},'safe3')">运动安全</a>
                                <a href="javascript:void(0)" class="safe4" onclick="queryVideo(this,{'safeType':4},'safe4')">亲子安全</a>
                                <a href="javascript:void(0)" class="safe5" onclick="queryVideo(this,{'safeType':5},'safe5')">社交安全</a>
                                <a href="javascript:void(0)" class="safe6" onclick="queryVideo(this,{'safeType':6},'safe6')">网络安全</a>
                                <a href="javascript:void(0)" class="safe7" onclick="queryVideo(this,{'safeType':7},'safe7')">海外安全</a>
                            </td>
                        </tr>
                        <tr class="scene">
                            <th>场景</th>
                            <td>
                                <a href="javascript:void(0)" class="current" onclick="queryVideo(this,{sceneId:null})">全部</a>
                            </td>
                        </tr>
                        <tr>
                            <th>类型</th>
                            <td class="type">
                                <a href="javascript:void(0)" typeid="0" onclick="queryVideo(this,{'contentType':0})" class="current">全部</a>
                                <a href="javascript:void(0)" typeid="1" onclick="queryVideo(this,{'contentType':1})">原创</a>
                                <a href="javascript:void(0)" typeid="2" onclick="queryVideo(this,{'contentType':2})">国内</a>
                                <a href="javascript:void(0)" typeid="3" onclick="queryVideo(this,{'contentType':3})">国外</a>
                            </td>
                        </tr>
                    </tbody></table>
                </div>
                <div class="special_bt"><p><img src="http://img.duodaohulian.com/img/content/special_bt.png"></p></div>
            </div>
            <!--筛选over-->
            <div class="huadong special mart20">
                <div class="special_top"><p><img src="http://img.duodaohulian.com/img/content/special_top.png"></p></div>
                <!--视频列表begin-->
                <ul class="gdbarul clearfix info_list"><li class="show"><div class="cover"><a href="theatreDetail.html?id=115" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/yexffs_s.jpg"></a><a href="theatreDetail.html?id=115" class="video_play"></a></div><h2>婴儿心肺复苏</h2><p>婴儿心肺复苏的救助方法</p></li><li class="show"><div class="cover"><a href="theatreDetail.html?id=114" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/xejjgydybtdst_s.jpg"></a><a href="theatreDetail.html?id=114" class="video_play"></a></div><h2>小儿急救概要第一步 脱掉手套 </h2><p>小儿急救第一步的正确操作</p></li><li class="show"><div class="cover"><a href="theatreDetail.html?id=113" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/xrjjgydsbrhzxhbbd_s.jpg"></a><a href="theatreDetail.html?id=113" class="video_play"></a></div><h2>小儿急救概要第三步 如何止血和绑绷带 </h2><p>小儿急救第三步的正确操作</p></li><li class="show"><div class="cover"><a href="theatreDetail.html?id=112" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/xc_s.jpg"></a><a href="theatreDetail.html?id=112" class="video_play"></a></div><h2>哮喘</h2><p>哮喘的基本特征</p></li><li class="show"><div class="cover"><a href="theatreDetail.html?id=111" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/syssxsb_s.jpg"></a><a href="theatreDetail.html?id=111" class="video_play"></a></div><h2>使用肾上腺素笔</h2><p>如何使用肾上腺素笔</p></li><li class="show"><div class="cover"><a href="theatreDetail.html?id=110" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/rhxs_s.jpg"></a><a href="theatreDetail.html?id=110" class="video_play"></a></div><h2>如何洗手</h2><p>正确的洗手方法</p></li><li class="show"><div class="cover"><a href="theatreDetail.html?id=109" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/etxffs_s.jpg"></a><a href="theatreDetail.html?id=109" class="video_play"></a></div><h2>儿童心肺复苏</h2><p>当发现有儿童需要心肺复苏时，我们该做什么
</p></li><li class="show"><div class="cover"><a href="theatreDetail.html?id=108" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/cxdcnr_s.jpg"></a><a href="theatreDetail.html?id=108" class="video_play"></a></div><h2>喘息的成年人</h2><p>喘息的基本特征</p></li><li class="show"><div class="cover"><a href="theatreDetail.html?id=107" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/cnrxffu_s.jpg"></a><a href="theatreDetail.html?id=107" class="video_play"></a></div><h2>成年人心肺复苏</h2><p>当发现有成年人需要心肺复苏时，我们该做什么
</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=106" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/taih_s.jpg"></a><a href="theatreDetail.html?id=106" class="video_play"></a></div><h2>《The air inside her》国外儿童性教育短片</h2><p>一个妈妈对女儿的生命教育</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=105" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/L&amp;K_s.jpg"></a><a href="theatreDetail.html?id=105" class="video_play"></a></div><h2>Lee和Kimi的冒险</h2><p>初次进入网络世界的Lee和Kimi，开始一场网络大冒险吧！</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=104" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/yjzq_s.jpg"></a><a href="theatreDetail.html?id=104" class="video_play"></a></div><h2>一见钟情</h2><p>遇见喜欢的女孩，是应该用欺骗的手段接近她还是用真实的长相面对她？</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=103" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/xhm03_s.jpg"></a><a href="theatreDetail.html?id=103" class="video_play"></a></div><h2>小红帽3</h2><p>当大灰狼化身网络上的坏人，小红帽又会有什么遭遇呢？</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=102" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/xhm02_s.jpg"></a><a href="theatreDetail.html?id=102" class="video_play"></a></div><h2>小红帽2</h2><p>当大灰狼化身网络上的坏人，小红帽又会有什么遭遇呢？</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=101" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/xhm01_s.jpg"></a><a href="theatreDetail.html?id=101" class="video_play"></a></div><h2>小红帽1</h2><p>当大灰狼化身网络上的坏人，小红帽又会有什么遭遇呢？</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=100" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/wxdsjwl_s.jpg"></a><a href="theatreDetail.html?id=100" class="video_play"></a></div><h2>危险的社交网络</h2><p>这是一个网络安全的真人测试，儿童在家长未知的情况下私自跟“网友”线下见面，测试者通过这个实验，告诉未成年一定不要随便跟陌生的网友见面。</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=99" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/wlaq_s.jpg"></a><a href="theatreDetail.html?id=99" class="video_play"></a></div><h2>网络安全</h2><p>三个网络安全小故事，讲述了三个不同的孩子，经历的网络安全故事。</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=98" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/sqxxdcb03_s.jpg"></a><a href="theatreDetail.html?id=98" class="video_play"></a></div><h2>色情信息的传播——不要提倡篇</h2><p>系列趣味动画告诉你色情信息的传播会带来什么样的危害</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=97" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/sqxxdcb02_s.jpg"></a><a href="theatreDetail.html?id=97" class="video_play"></a></div><h2>色情信息的传播——不要助长篇</h2><p>系列趣味动画告诉你色情信息的传播会带来什么样的危害</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=96" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/sqxxdcb01_s.jpg"></a><a href="theatreDetail.html?id=96" class="video_play"></a></div><h2>色情信息的传播——不要煽动篇</h2><p>系列趣味动画告诉你色情信息的传播会带来什么样的危害</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=95" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/psdyy_s.jpg"></a><a href="theatreDetail.html?id=95" class="video_play"></a></div><h2>破碎的友谊</h2><p>因为一场网络欺凌而破碎的友谊故事。</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=94" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/kczhcmcydtx_s.png"></a><a href="theatreDetail.html?id=94" class="video_play"></a></div><h2>Kara船长和聪明船员的探险</h2><p>Kara船长带你在网络的海洋里安全航行</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=93" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/jdlc_s.jpg"></a><a href="theatreDetail.html?id=93" class="video_play"></a></div><h2>Julie的旅程</h2><p>一个网络社交成瘾的女孩讲述她网恋的心路历程</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=92" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/hw05_s.jpg"></a><a href="theatreDetail.html?id=92" class="video_play"></a></div><h2>Hector's world 5</h2><p>在海底，海豚Hector和他的小伙伴们在欢乐中学会了一件又一件关于网络的安全知识</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=91" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/hw04_s.jpg"></a><a href="theatreDetail.html?id=91" class="video_play"></a></div><h2>Hector's world 4</h2><p>在海底，海豚Hector和他的小伙伴们在欢乐中学会了一件又一件关于网络的安全知识</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=90" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/hw03_s.jpg"></a><a href="theatreDetail.html?id=90" class="video_play"></a></div><h2>Hector's world 3</h2><p>在海底，海豚Hector和他的小伙伴们在欢乐中学会了一件又一件关于网络的安全知识</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=89" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/hw02_s.jpg"></a><a href="theatreDetail.html?id=89" class="video_play"></a></div><h2>Hector's world 2</h2><p>在海底，海豚Hector和他的小伙伴们在欢乐中学会了一件又一件关于网络的安全知识</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=88" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/hw01_s.jpg"></a><a href="theatreDetail.html?id=88" class="video_play"></a></div><h2>Hector's world 1</h2><p>在海底，海豚Hector和他的小伙伴们在欢乐中学会了一件又一件关于网络的安全知识</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=87" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/bdwlzy_s.jpg"></a><a href="theatreDetail.html?id=87" class="video_play"></a></div><h2>Becky的网络遭遇</h2><p>虚拟网络社交的现实版有多可怕？</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=86" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/6bhqndgrxx_s.jpg"></a><a href="theatreDetail.html?id=86" class="video_play"></a></div><h2>6步获取你的个人隐私</h2><p>一个线上实验，看6步能获取多少你的个人信息，结果惊人</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=85" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/xnhdwlzl_s.jpg"></a><a href="theatreDetail.html?id=85" class="video_play"></a></div><h2>小女孩的网络之旅</h2><p>小朋友要在父母的陪伴下上网哦~</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=84" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/btdxz_s.jpg"></a><a href="theatreDetail.html?id=84" class="video_play"></a></div><h2>不同的选择</h2><p>两个好朋友发生冲突，世界一分为二，她们是会选择在网络上宣泄怨气，还是会选择和平处理？</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=83" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/ddxqzxt05_s.jpg"></a><a href="theatreDetail.html?id=83" class="video_play"></a></div><h2>多道星球之小踢上网记 第五集</h2><p>小踢本来是地球上的一名小学生，因为一次机缘巧合，从地球穿越到了多道星球，从此化身多道学院的一名学生，想要看看他在多道星球上都经历了一些什么，跟我们一起来看看吧！</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=82" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/ddxqzxt04_s.png"></a><a href="theatreDetail.html?id=82" class="video_play"></a></div><h2>多道星球之小踢上网记 第四集</h2><p>小踢本来是地球上的一名小学生，因为一次机缘巧合，从地球穿越到了多道星球，从此化身多道学院的一名学生，想要看看他在多道星球上都经历了一些什么，跟我们一起来看看吧！</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=81" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/ddxqzxt03_s.jpg"></a><a href="theatreDetail.html?id=81" class="video_play"></a></div><h2>多道星球之小踢上网记 第三集</h2><p>小踢本来是地球上的一名小学生，因为一次机缘巧合，从地球穿越到了多道星球，从此化身多道学院的一名学生，想要看看他在多道星球上都经历了一些什么，跟我们一起来看看吧！</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=80" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/ddxqzxt02_s.jpg"></a><a href="theatreDetail.html?id=80" class="video_play"></a></div><h2>多道星球之小踢上网记 第二集</h2><p>小踢本来是地球上的一名小学生，因为一次机缘巧合，从地球穿越到了多道星球，从此化身多道学院的一名学生，想要看看他在多道星球上都经历了一些什么，跟我们一起来看看吧！</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=79" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/ddxqzxt01_s.jpg"></a><a href="theatreDetail.html?id=79" class="video_play"></a></div><h2>多道星球之小踢上网记 第一集</h2><p>小踢本来是地球上的一名小学生，因为一次机缘巧合，从地球穿越到了多道星球，从此化身多道学院的一名学生，想要看看他在多道星球上都经历了一些什么，跟我们一起来看看吧！</p></li><li class="hide"><div class="cover"><a href="theatreDetail.html?id=78" class="baner"><img src="http://img.duodaohulian.com/img/resource/video/ddppxcp_s.jpg"></a><a href="theatreDetail.html?id=78" class="video_play"></a></div><h2>多道品牌宣传片</h2><p>儿童安全亟待解决，几大问题，以及多道能为你带来什么</p></li></ul>
                <!--视频列表over-->
                <!--加载更多begin-->
                <div class="special_bt">
                    <a href="javascript:void(0)" class="get_more block"></a>
                    <p><img src="http://img.duodaohulian.com/img/content/special_bt.png"></p>
                </div>
                <!--加载更多over-->
            </div>
        </div>
    </div>
    <div class="bt_side chfont">
        <img src="http://img.duodaohulian.com/img/content/head.png" class="tou">
        <div class="duihua">
            <span class="font">扫一扫，<br>了解星球的<br>更多小秘密！</span>
            <img src="http://img.duodaohulian.com/img/content/bee.png" class="bee">
            <p><img src="http://img.duodaohulian.com/img/content/weima.jpg"></p>
        </div>
        <div class="bt_nav">
            <ul class="bt_nav_in">
                <li><a href="followUs.html">关注我们</a></li>
                <li><a href="aboutUs.html">关于我们</a></li>
                <li><a href="person.html">多道人物</a></li>
                <li><a href="guide.html">新手指南</a></li>
                <li><a href="help.html">帮助</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="footer footer_full">
    <div class="img_auto"><img src="http://img.duodaohulian.com/img/content/bottom.png"></div>
    <div class="car">
        <img src="http://img.duodaohulian.com/img/content/car.png">
        <img src="http://img.duodaohulian.com/img/content/car1.png">
    </div>
    <p>深圳市多道互联科技有限公司 粤ICP备16060034号</p>
</div>
<div id="pageTopAncer">
    <div class="pageTop_com">
        <a href="javascript:void(0)"><img src="http://img.duodaohulian.com/img/content/top.png"></a>
    </div>
    <a href="javascript:void(0)"><img src="http://img.duodaohulian.com/img/content/icon-1.png"></a>
</div>

<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/underscore-min.js"></script>
<script type="text/javascript" src="../js/imgauto.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/url.js"></script>
<script type="text/javascript" src="../js/common/httpService.js"></script>
<script type="text/javascript">
    $(".top").load("top.html");
    var categoryId = "2"; //星际剧场是2
    var queryObj = {};
    queryObj.safeType = common.getParameter("safeType") || 0;
    queryObj.age = common.getParameter("age");
    queryObj.sceneId = 0;
    queryObj.contentType = 0;
    queryVideo($(""),queryObj);
    if(queryObj.safeType){
        common.setActiveItem(queryObj.safeType);
    }
    function queryVideo(that,obj,clazz){
        if(clazz){
            if(clazz==="safe0"){
                $(".safe1").parent().children().removeClass("current");
            }
            $("."+clazz).siblings().removeClass("current");
            $("."+clazz).addClass("current");
        }else{
            $(that).siblings().removeClass("current");
            $(that).addClass("current");
        }

        var safeType;
        var sceneId;
        var contentType;
        if(typeof obj === "object"){
            queryObj = _.extend(queryObj,obj);
        }

        var promise = httpService.get({
            url:url.theatreList,
            data:{
                "categoryId":categoryId,
                "safeTypeId":queryObj.safeType,
                "sceneId":queryObj.sceneId,
                "contentType":queryObj.contentType,
                "age":queryObj.age
            }
        });

        promise.then(function(response){
            if(response.success){
                var videoHtml = "";
                _.each(response.videoList,function(video,index){
                    var url = video.photoUrl+video.photoName;
                    videoHtml += '<li class='+(index<9?"show":"hide")+'>'+
                        '<div class="cover">'+
                        '<a href="theatreDetail.html?id='+video.id+'" class="baner"><img src="'+url+'"/></a>'+
                        '<a href="theatreDetail.html?id='+video.id+'" class="video_play"></a>'+
                        '</div>'+
                        '<h2>'+video.name+'</h2>'+
                        '<p>'+video.briefDes+'</p>'+
                     '</li>';
                });
                $(".gdbarul").html("");
                $(".gdbarul").append(videoHtml);
            }
        })
    }

    function queryScenes(){
        var promise = httpService.get({
            url:url.sceneInfo,
            data:{
                "categoryId":categoryId,
                "safeType":"",
                "sceneId":"",
                "contentType":""
            }
        });
        promise.then(function(response){
            if(response.success){
                var sceneId = "sceneId";
                _.each(response.scenes,function(scene){
                    var obj = {
                        "sceneId":scene.sceneId
                    }
                    var id = scene.sceneId;
                    $(".scene td").append('<a href="javascript:void(0)"  onclick="queryVideo(this,{sceneId:'+id+'})" style="margin:5px;display:inline-block">'+scene.sceneName+'</a>');
                    // $(".scene td").append('<div style="padding:4px 0;display:inline-block"><a href="javascript:void(0)"  onclick="queryVideo(this,{sceneId:'+id+'})">'+scene.sceneName+'</a></div>');
                })
            }
        })
    }

    queryScenes();
    common.getMore();
</script>

</body></html>